<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>iLEADER</title>
  <link rel="stylesheet" href="../dist/lib/layui/css/layui.css">
  <link rel="stylesheet" href="../dist/css/main.css">
  <style>
    .iLeader-header{
      height: 60px;
    }
    .iLeader-header .logo{
      width: 200px;
      text-align: center;
      padding-top: 16px;
    }
    .iLeader-header .layui-nav-item{
      line-height: 60px;
    }
    .iLeader-header .layui-nav-child{
      top: 50px;
    }
    .iLeader-header .header-nav{
      padding-right: 30px;
    }

    .layui-layout-admin .layui-body{
      background: url("../dist/images/admin_bg_01.jpg") no-repeat center top;
      background-attachment: fixed;
      bottom: 0;
    }
    .layui-footer{
      background: none!important;
      text-align: center;
    }
  </style>
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
  <!-- header start -->
  <div class="iLeader-header">
    <a href="#" class="logo">
      <img src="../dist/img/logo.png" alt="">
    </a>
    <ul class="layui-nav header-nav">
      <li class="layui-nav-item">
        <a href="javascript:;">姓名<span class="nav-rect"></span>管理员</a>
        <dl class="layui-nav-child">
          <dd><a href="">我的信息</a></dd>
        </dl>
      </li>
      <li class="layui-nav-item">
        <a href="javascript:;">菜单</a>
        <dl class="layui-nav-child">
          <dd><a href="">用户</a></dd>
          <dd><a href="">课程</a></dd>
          <dd><a href="">分类</a></dd>
          <dd><a href="">部门</a></dd>
          <dd><a href="">报告</a></dd>
          <dd><a href="">通知</a></dd>
          <dd><a href="">订单管理</a></dd>
        </dl>
      </li>
      <li class="layui-nav-item ml-20">
        <div class="layui-input-inline">
          <input type="text" name="title" class="layui-input il-search-input" placeholder="Search" autocomplete="off">
        </div>
        <button class="layui-btn layui-btn-radius il-search-btn">
          <i class="icon"></i>
        </button>
      </li>
      <li class="layui-nav-item">
        <a href="#">帮助中心</a>
      </li>
      <li class="layui-nav-item">
        <a href="javascript:;" class="sign-out"></a>
      </li>
    </ul>
  </div>
  <!-- header end -->

  <div class="layui-side layui-bg-black">
    <div class="layui-side-scroll">
      <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
      <ul class="layui-nav layui-nav-tree"  lay-filter="test">
        <li class="layui-nav-item layui-nav-itemed">
          <a class="" href="javascript:;">所有商品</a>
          <dl class="layui-nav-child">
            <dd><a href="javascript:;">列表一</a></dd>
            <dd><a href="javascript:;">列表二</a></dd>
            <dd><a href="javascript:;">列表三</a></dd>
            <dd><a href="">超链接</a></dd>
          </dl>
        </li>
        <li class="layui-nav-item">
          <a href="javascript:;">解决方案</a>
          <dl class="layui-nav-child">
            <dd><a href="javascript:;">列表一</a></dd>
            <dd><a href="javascript:;">列表二</a></dd>
            <dd><a href="">超链接</a></dd>
          </dl>
        </li>
        <li class="layui-nav-item"><a href="">云市场</a></li>
        <li class="layui-nav-item"><a href="">发布商品</a></li>
      </ul>
    </div>
  </div>

  <div class="layui-body">
    <!-- content start-->
    <div style="padding: 20px">
      <!--<div class="main-header">-->
        <!--<span class="title">主页</span>-->
      <!--</div>-->
      <div class="main-body">
        <div class="layui-row">
          <div class="layui-col-md7 main-body-l">
            <div class="layui-row main-nav-list">
              <div class="layui-col-xs6 list-item">
                <span class="il-icons il-icons-user"></span>
                <div class="item-content">
                  <div class="link-hd">
                    <a href="#">用户</a>
                  </div>
                  <div class="link-bd">
                    <a href="#">学习者</a>
                    <a href="#">教师</a>
                  </div>
                </div>
              </div>
              <div class="layui-col-xs6 list-item">
                <span class="il-icons il-icons-course"></span>
                <div class="item-content">
                  <div class="link-hd">
                    <a href="#">课程</a>
                  </div>
                  <div class="link-bd">
                    <a href="#">视频课</a>
                    <a href="#">直播课</a>
                  </div>
                </div>
              </div>
              <div class="layui-col-xs6 list-item">
                <span class="il-icons il-icons-sort"></span>
                <div class="item-content">
                  <div class="link-hd">
                    <a href="#">课程分类</a>
                  </div>
                  <div class="link-bd">
                    <a href="#">添加分类</a>
                  </div>
                </div>
              </div>
              <div class="layui-col-xs6 list-item">
                <span class="il-icons il-icons-group"></span>
                <div class="item-content">
                  <div class="link-hd">
                    <a href="#">部门</a>
                  </div>
                  <div class="link-bd">
                    <a href="#">添加部门</a>
                  </div>
                </div>
              </div>
              <div class="layui-col-xs6 list-item">
                <span class="il-icons il-icons-rule"></span>
                <div class="item-content">
                  <div class="link-hd">
                    <a href="#">管理员管理</a>
                  </div>
                  <div class="link-bd">
                    <a href="#">管理员管理</a>
                    <a href="#">组管理</a>
                    <a href="#">权限管理</a>
                    <a href="#">操作日志</a>
                  </div>
                </div>
              </div>
              <div class="layui-col-xs6 list-item">
                <span class="il-icons il-icons-notice"></span>
                <div class="item-content">
                  <div class="link-hd">
                    <a href="#">系统消息</a>
                  </div>
                  <div class="link-bd">
                    <a href="#">添加消息</a>
                  </div>
                </div>
              </div>
              <div class="layui-col-xs6 list-item">
                <span class="il-icons il-icons-report"></span>
                <div class="item-content">
                  <div class="link-hd">
                    <a href="#">报告</a>
                  </div>
                  <div class="link-bd">
                    <a href="#">用户</a>
                    <a href="#">课程</a>
                    <a href="#">部门</a>
                  </div>
                </div>
              </div>
              <div class="layui-col-xs6 list-item">
                <span class="il-icons il-icons-order"></span>
                <div class="item-content">
                  <div class="link-hd" style="padding-top: 12px">
                    <a href="#">订单管理</a>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="layui-col-md5 main-body-r">
            <div class="main-affairs">
              <div class="affairs-header layui-clear">
                <div class="chart-op" style="display: none">
                  <div class="layui-btn-group">
                    <button class="layui-btn active">今天</button>
                    <button class="layui-btn">昨天</button>
                    <button class="layui-btn">周</button>
                    <button class="layui-btn">月</button>
                  </div>
                </div>
                <div class="affairs-op">
                  <div class="layui-btn-group">
                    <button class="layui-btn active" title="操作日志">
                      <i class="icon icon-log"></i>
                    </button>
                    <button class="layui-btn" title="图像统计">
                      <i class="icon icon-map"></i>
                    </button>
                    <button class="layui-btn" title="网站概览">
                      <i class="icon icon-overview"></i>
                    </button>
                  </div>
                </div>
              </div>
              <div class="affairs-body">
                <!-- 操作日志 -->
                <div class="il-log-wrap" style="display: none">
                  <ul class="il-log-list">
                    <li><span class="btn btn-create">创建</span>您已登陆-12/10/2018   2次</li>
                    <li><span class="btn btn-add">添加</span>您已添加到课程商务英语（10） - 03/01/2019</li>
                    <li><span class="btn btn-login">登录</span>您已登陆-12/10/2018   2次</li>
                    <li><span class="btn btn-login">登录</span>您已登陆-12/10/2018   2次</li>
                    <li><span class="btn btn-add">添加</span>您已添加-12/10/2018   2次</li>
                    <li><span class="btn btn-delete">删除</span>您已从课程简介TalentLMS （ SAMP1 ）中<span class="color-red">删除</span>- 4小时前</li>
                    <li><span class="btn btn-update">更新</span>用户Daniel.li已由HAHA更新- 昨天</li>
                    <li><span class="btn btn-delete">删除</span>您已从课程简介TalentLMS （ SAMP1 ）中<span class="color-red">删除</span>- 4小时前</li>
                    <li><span class="btn btn-create">创建</span>您已登陆-12/10/2018   2次</li>
                    <li><span class="btn btn-add">添加</span>您已添加到课程商务英语（10） - 03/01/2019</li>
                    <li><span class="btn btn-login">登录</span>您已登陆-12/10/2018   2次</li>
                    <li><span class="btn btn-create">创建</span>您已登陆-12/10/2018   2次</li>
                  </ul>
                  <div class="il-log-link">
                    <a href="#" class="layui-btn layui-btn-radius layui-btn-normal">展开时间表</a>
                  </div>
                </div>
                <!-- 图表统计 -->
                <div class="il-map-wrap">
                  <div id="map" style="width: 100%; height: 100%"></div>
                </div>
                <!-- 网站概览 -->
                <div class="il-ov-wrap">
                  <div class="il-ov-title">
                    <span>概观</span>
                  </div>
                  <div class="layui-row il-ov-list">
                    <div class="layui-col-xs4 il-ov-item border-right">
                      <div class="item-num">4</div>
                      <div class="item-text">有效用户</div>
                    </div>
                    <div class="layui-col-xs4 il-ov-item border-right">
                      <div class="item-num">8</div>
                      <div class="item-text">正在学习的课程</div>
                    </div>
                    <div class="layui-col-xs4 il-ov-item">
                      <div class="item-num">2</div>
                      <div class="item-text">分配的课程</div>
                    </div>
                    <div class="layui-col-xs4 il-ov-item border-right border-top">
                      <div class="item-num">1</div>
                      <div class="item-text">完成课程</div>
                    </div>
                    <div class="layui-col-xs4 il-ov-item border-right border-top">
                      <div class="item-num">1</div>
                      <div class="item-text">进行中</div>
                    </div>
                    <div class="layui-col-xs4 il-ov-item border-top">
                      <div class="item-num">12<span style="font-size: 18px">(分钟)</span></div>
                      <div class="item-text">培训时间</div>
                    </div>
                  </div>
                  <div class="il-ov-title">
                    <span>今天</span>
                  </div>
                  <div class="layui-row il-ov-list">
                    <div class="layui-col-xs4 il-ov-item border-right">
                      <div class="item-num">4</div>
                      <div class="item-text">登录</div>
                      <div class="item-subtext">（昨天增加<span class="color-green">100%</span>）</div>
                    </div>
                    <div class="layui-col-xs4 il-ov-item border-right">
                      <div class="item-num">2</div>
                      <div class="item-text">有活动的用户</div>
                      <div class="item-subtext">（昨天减少<span class="color-red">50%</span>）</div>
                    </div>
                    <div class="layui-col-xs4 il-ov-item">
                      <div class="item-num">2</div>
                      <div class="item-text">完成课程</div>
                      <div class="item-subtext">（昨天<span class="color-red">0%</span>）</div>
                    </div>
                  </div>
                  <div class="il-ov-title">
                    <span>周</span>
                  </div>
                  <div class="layui-row il-ov-list">
                    <div class="layui-col-xs4 il-ov-item border-right">
                      <div class="item-num">44</div>
                      <div class="item-text">登录</div>
                      <div class="item-subtext">（昨天增加<span class="color-green">100%</span>）</div>
                    </div>
                    <div class="layui-col-xs4 il-ov-item border-right">
                      <div class="item-num">2</div>
                      <div class="item-text">有活动的用户</div>
                      <div class="item-subtext">（昨天减少<span class="color-red">50%</span>）</div>
                    </div>
                    <div class="layui-col-xs4 il-ov-item">
                      <div class="item-num">2</div>
                      <div class="item-text">完成课程</div>
                      <div class="item-subtext">（昨天<span class="color-red">0%</span>）</div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- content end-->
  </div>

  <!--<div class="layui-footer">-->
    <!--&lt;!&ndash; 底部固定区域 &ndash;&gt;-->
    <!--© layui.com - 底部固定区域-->
  <!--</div>-->
</div>
<script src="../dist/lib/jquery.min.js"></script>
<script src="../dist/lib/layui/layui.js"></script>
<script src="../dist/js/common.js"></script>
</body>
</html>